{% extends "page/temp1/home.html" %}

{% block banner %}
<div class="banner-thumbnail-wrapper fre_icon">
    <div class="app_icon fre_pop">
        <div>
            <div class="titles">
                <h1>All {{studio_name}} apps</h1>
                <p>Explore the {{studio_name}} world!</p>
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block main %}
<main id="page" style="padding-top: 0">
    <div class="content">
        <div class="margin30">
        {% for app in apps %}
            <div class="app_list ">
                <ul>
                    <li>
                        <a href="/page/{{studio_name}}/{{app.name}}">
                            <img src="{{app.icon}}"/>
                        </a>
                    </li>
                

                    <li>
                        <h2>
                            <a href="/page/{{studio_name}}/{{app.name}}">{{app.pub_name}}</a>
                        </h2>
                        <p>{{app.short_dsp}}</p>
                        <p>
                            <a href="/page/{{studio_name}}/{{app.name}}">Read More ></a>
                        </p>
                    </li>
                </ul>
            </div>
            {% endfor %}

        </div>
       <!--  <div class="cutting_line"></div> -->
       <!--  <div class="email">
            <h1>Contact Us</h1>
            <a href="#" class="email_btn">contact@bravokidsmedia.com</a>
        </div> -->
    </div>
</main>
{% endblock %}

{% block js %}
{% endblock %}